Time pickers 時間選擇器

1 Time picker dial 時間選擇器錶盤 2 Time picker input 時間選擇器輸入框

Anatomy 結構

Time picker dial  時間選擇器錶盤

1 Headline 2 Time selector separator Container 3 Period selector 4 container 5 Period selector label text 6 Clock dial selector center 7 Clock dial selector track 8 Text button Icon button 9 Time selector container 10 Clock diallabel text 11 12 Clock dial container 13 Time selector label text 14 Time selector container

Time picker input  時間選擇器輸入框

1 Headline 2 Time input field separator 3 Container 4 Period selector container 5 Period selector label text 6 Text button 7 Icon button 8 Time input field supporting text 9 Time input field label text 10 Time input field container

States  狀態

1 Enabled 已啟用 2 Hover 懸停 3 Focus 聚焦 4 Pressed 已按下

Time picker dial - vertical 時間選擇器錶盤 - 垂直

Vertical time picker dial padding and size measurements 垂直時間選擇器錶盤的內邊距和尺寸測量值
Element  元素Attribute  屬性Value  值
Container  容器Width  寬度Dynamic  動態的
Height  高度Dynamic  動態的
Headline alignment  標題對齊方式Left  左對齊
Top/bottom padding  上下填充24dp
Left/right padding  左右邊距24dp
Time selector container  時間選擇器容器Width  寬度96dp
Width (24h vertical)  寬度（24 小時垂直方向）114dp
Height  高度80dp
Period selector container時間段選擇器容器Width (vertical layout)  寬度（垂直佈局）52dp
Height (vertical layout)  高度（垂直佈局）80dp
Width (horizontal layout)寬度（水平佈局）216dp
Height (horizontal layout)高度（水平佈局）38dp
Clock dial container  錶盤容器Size  尺寸256dp
Clock dial selector handle鐘面選擇器手柄Size  尺寸48dp
Clock dial selector center時鐘表盤選擇器中心Size  尺寸8dp
Clock dial selector track錶盤選擇器軌道Width  寬度2dp

Time picker dial - horizontal時間選擇器錶盤 - 水平

lement  元素Attribute  屬性Value  值
Container  容器Width  寬度Dynamic  動態的
Height  高度Dynamic  動態的
Headline alignment  標題對齊方式Left  左對齊
Top/bottom padding  上下填充24dp
Left/right padding  左右邊距24dp
Time selector container  時間選擇器容器Width  寬度96dp
Width (24h vertical)  寬度（24 小時垂直方向）114dp
Height  高度80dp
Period selector container時間段選擇器容器Width (vertical layout)  寬度（垂直佈局）52dp
Height (vertical layout)  高度（垂直佈局）80dp
Width (horizontal layout)寬度（水平佈局）216dp
Height (horizontal layout)高度（水平佈局）38dp
Clock dial container  錶盤容器Size  尺寸256dp
Clock dial selector handle鐘面選擇器手柄Size  尺寸48dp
Clock dial selector center時鐘表盤選擇器中心Size  尺寸8dp
Clock dial selector track錶盤選擇器軌道Width  寬度2dp

Time picker input  時間選擇器輸入框

Time picker input padding and size measurements時間選擇器輸入的內邊距和尺寸測量值
Element  元素Attribute  屬性Value  值
Container  容器Width  寬度Dynamic  動態的
Height  高度Dynamic  動態的
Headline alignment  標題對齊方式Left  左對齊
Top/bottom padding  上下填充24dp
Left/right padding  左右邊距24dp
Time input field container時間輸入欄位容器Width  寬度96dp
Height  高度72dp
Period selector container時間段選擇器容器Width  寬度52dp
Height  高度72dp

Configurations  配置

Vertical orientation and horizontal orientation垂直方向和水平方向

Vertical layout (default on mobile) 垂直佈局(移動裝置上預設) Horizontallayout 水平佈局

24-hour time picker dial  24 小時制時間選擇器錶盤

12-hour and 24-hour time picker inputs12 小時制和 24 小時制時間選擇器輸入